<!-- 链圈的列表 -->
<template>
  <div class="contain">
    <!--tab-->
    <div class="lltab mb10 ft14">
      <tab bar-active-color="#77babd" 
           defaultColor="#333333"
           active-color="#77babd"
           :line-width='2'>
        <tab-item selected 
          @on-item-click="tab=true">通知</tab-item>
        <tab-item 
          @on-item-click="tab=false">互动</tab-item>
      </tab>
    </div>
    <div class="msg-list-wrap" v-if="tab">
      <div class="msg-list displayflex" @click="notice">
        <div class="icon-left red-dot bg-blue">
          <i class="iconfont icon-order"></i>
        </div>
        <dl class="flex1 txt-rit">
          <dt class="ft17">待处理<em class="time gray f-r">2017/02/02</em></dt>
          <dd>北京儿童医院订单已审核完毕，请尽快提货</dd>
        </dl>
      </div>
      <div class="msg-list displayflex">
        <div class="icon-left bg-org">
          <i class="iconfont icon-review"></i>
        </div>
        <dl class="flex1 txt-rit">
          <dt class="ft17">待审核<em class="time gray f-r">2017/02/02</em></dt>
          <dd>北京儿童医院订单已审核完毕，请尽快提货</dd>
        </dl>
      </div>
      <div class="msg-list displayflex">
        <div class="icon-left bg-green">
          <i class="iconfont icon-cargo"></i>
        </div>
        <dl class="flex1 txt-rit">
          <dt class="ft17">待提货<em class="time gray f-r">2017/02/02</em></dt>
          <dd>北京儿童医院订单已审核完毕，请尽快提货</dd>
        </dl>
      </div>
      <div class="msg-list displayflex">
        <div class="icon-left bg-org1">
          <i class="iconfont icon-distribution1"></i>
        </div>
        <dl class="flex1 txt-rit">
          <dt class="ft17">待出库<em class="time gray f-r">2017/02/02</em></dt>
          <dd>北京儿童医院订单已审核完毕，请尽快提货</dd>
        </dl>
      </div>
      <div class="msg-list displayflex">
        <div class="icon-left bg-blue1">
          <i class="iconfont icon-Sign"></i>
        </div>
        <dl class="flex1 txt-rit">
          <dt class="ft17">已签收<em class="time gray f-r">2017/02/02</em></dt>
          <dd>北京儿童医院订单已审核完毕，请尽快提货</dd>
        </dl>
      </div>
      <div class="msg-list displayflex">
        <div class="icon-left bg-org1">
          <i class="iconfont icon-ticket"></i>
        </div>
        <dl class="flex1 txt-rit">
          <dt class="ft17">待开票<em class="time gray f-r">2017/02/02</em></dt>
          <dd>北京儿童医院订单已审核完毕，请尽快提货</dd>
        </dl>
      </div>
    </div>
    <div class="msg-list-wrap" v-if="!tab">
      <div class="msg-list displayflex" @click="inter">
        <div class="icon-left">
          <img src="~images/default/myfile_img.png">
        </div>
        <dl class="flex1 txt-rit">
          <dt class="ft17">张三<em class="time gray f-r">2017/02/02</em></dt>
          <dd>北京儿童医院订单已审核完毕，请尽快提货</dd>
        </dl>
      </div>
      <div class="msg-list displayflex">
        <div class="icon-left">
          <img src="~images/default/myfile_img.png">
        </div>
        <dl class="flex1 txt-rit">
          <dt class="ft17">李四<em class="time gray f-r">2017/02/02</em></dt>
          <dd class="red">[语音]</dd>
        </dl>
      </div>
    </div>
    <manage-footer :status='4'></manage-footer>
  </div>
</template>

<script>
import manageFooter from '@/components/core/footer/manage.footer.vue';
export default {
  components: {
    manageFooter
  },
  data() {
    return {
      tab:true,
    }
  },
  methods:{
    notice(){
      this.$router.push({
        path:'/message/notice'
      })
    },
    inter(){
      this.$router.push({
        path:'/message/inter'
      })
    }
  }
}

</script>